<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>说旅游专题页面</title>
    <style>
        .onetable{
            width: 100%;
            border-collapse: collapse;
        }
        td:first-child{
            width: 70%;
            padding: 0;
        }
        td:last-child{
            width: 30%;
            padding: 5px 10px;
            box-sizing: border-box;
        }

        .big-font{
            font-size: 108px;
        }
        .tcenter{
            text-align: center;
        }

        p{
            text-indent: 2em;
            font-size: 30px;
        }
        h1{
            color: orange;
            font-size: 72px;
        }
        .green{
            color: green;
            text-decoration: none;
        }
        .underline{
            text-decoration: underline;
        }
        div{
            font-size: 48px;
        }
        .comment-info {
            font-size: 36px;
            color: #666;
        }
        .comment-info1 {
            font-size: 24px;
            color: #666;
        }
        .comment-section {
            padding: 30px;
        }
        .comment-section h3 {
            font-size: 22px;
            margin-bottom: 20px;
        }
        .comment {
            border-bottom: 1px solid #ccc;
            padding: 20px 0;
            display: flex;
            align-items: flex-start;
        }
        .comment:last-child {
            border-bottom: none;
        }
        .comment img {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            margin-right: 15px;
        }

        .comment p {
            font-size: 16px;
            margin: 5px 0;
        }
        .orange{
            color: orange;
            font-size: 36px;
        }
        .sorange{
            color: orange;
            font-size: 24px;
        }
        footer {
            text-align: center;
            padding: 20px 0;
            background-color: #f4f4f4;
            font-size: 14px;
        }
        .blue{
            color: blue;
            text-decoration: none;
        }

    </style>
</head>
<body>
<table class="onetable">
    <tr>
        <td><img src="../image/logo.png" width="200"></td>
        <td style="float: right;">旅游首页|登录|注册</td>
    </tr>
</table>
<hr style="border: none; height: 5px;
 background-color: green;">
<table>
    <tr>
        <td><img src="../image/banner1.jpg"
                 width="100%" display="block"></td>
        <td>
            <h1 class ="tcenter">说
                <span class="big-font">旅</span> 游</h1>

            <p>伊露岛（Iru Fushi）位于马尔代夫北部环礁（Noonu Atoll）中，
                它是拥有醉人景色和浪漫气氛的小岛。晶莹的海水、绵白的沙滩、明媚的阳光、
                温馨的海边小屋、浪漫的海上落日。所有的一切似乎都为浪漫而存在，
                美丽而遗世独立。</p>

            <p>最佳旅游时间：<u class="green  underline">1月-12月</u>，
                热带海洋气候，全年皆适合旅游。
                <u class="green  underline">12月至次年4月</u>可避开高峰。</p>

            <p>伊露岛沙滩屋的构造很独特，彻底的南亚风情——雪白的圆形房子，
                尖尖的茅草屋顶，木质的框
                <u class="green  underline">......详情</u></p>
        </td>
    </tr>

</table>
<div>马尔代夫伊露岛：“伊露”上有你真好</div>
<div class="comment-info">2015.04.21 来源：一日游驴友群-老牛</div>
<hr style="border: none; height: 5px;
 background-color: grey;">
<p> 伊露岛沙滩屋的构造很独特，彻底的南亚风情。雪白的圆形的房子，
    尖尖的茅草屋顶，木质的框架，朴实的外表里面却十分的豪华，
    从卧室转到后面有一个很大的半露天花园，里面有只超大的按摩浴缸和露天的淋浴台，
    洗好澡穿上睡袍躺在这里拿本书，心情彻底放松。</p>
<table>
    <tr>
        <td><img src="../image/banner2.jpg"
                 width="100%" display="block"></td>
    </tr>
</table>
<img src="../image/icon.gif" alt="驴友评价">
<hr style="border: none; height: 5px;
 background-color: saddlebrown;">

<div class="comment-section">

    <div class="comment">
        <img src="../image/person1.jpg" alt="用户头像1">
        <div>
            <span class="comment-info1"><u class="orange">
                HXZ9_IT</u>2015-4-2 15:38:37</span>
            <p>第一次用途牛，太让我们惊喜了！真的很不错，行程安排得也很好！幸运的是，
                往返飞机都没有延误！伊露岛的美，让我们蜜月越发美满！</p>
            <p class="sorange">来自一日游驴友 www.yiriyou.com</p>
        </div>
    </div>
    <div class="comment">
        <img src="../image/person2.jpg" alt="用户头像2">
        <div>
            <span class="comment-info1"><u class="orange">外星人</u>
                2015-3-2 15:05:37</span>
            <p>岛还可以，就是沙屋有虫子，不太让人满意，水屋确实挺棒的。饭嘛，
                国外基本都那样吧，海鲜还行。</p>
            <p class="sorange">来自一日游驴友 www.yiriyou.com</p>
        </div>
    </div>
    <div class="comment">
        <img src="../image/person3.jpg" alt="用户头像3">
        <div>
            <span class="comment-info1"><u class="orange">so_cool</u>
                2015-2-14 10:38:36</span>
            <p>行程安排挺好的，挺喜欢伊露岛，岛上的人很热情，
                手机丢了小黑给找回来了，都很热情，会主动给你招呼！</p>
            <p class="sorange">来自一日游驴友 www.yiriyou.com</p>
        </div>
    </div>
</div>
<footer>
    <p><u class="blue">一日游网友意见留言板</u> 电话：000-1234567
        <u class="blue">欢迎批评指正</u></p>
    <p><u class="green">公司简介|About YIRIYOU|广告服务
        |联系我们|招聘信息|网站律师|YIRIYOU
        English|注册|产品答疑</u></p>
    <p>Copyright © 1996 - 2016YIRIYOU.com All Rights Reserved</p>
    <p><u class="blue">一日游公司版权所有</u></p>
</footer>
</body>
</html>